<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>CodePen - Slider Card</title>
  <link rel="stylesheet" href="/static/v2/css/base/bak.css">

</head>
<body>

<div class="container">
  <div class="card">
    <input type="radio" name="select" id="slide_1" checked>
    <input type="radio" name="select" id="slide_2">
    <input type="radio" name="select" id="slide_3">
    <input type="checkbox" id="slideImg">
       
    <div class="slider">
      <label for="slide_1" class="slide slide_1"></label>
      <label for="slide_2" class="slide slide_2"></label>
      <label for="slide_3" class="slide slide_3"></label>
    </div>
    
    <div class="inner_part">
      <label for="slideImg" class="img">
        <img class="img_1" src="/static/v2/img/1.jpg">
      </label>
      <div class="content content_1">
        <div class="title">西虹市首富</div>
        <div class="text">
          Istanbul, a fascinating city built on two Continents, divided by the Bosphorus Strait. This is one of the greatest cities in the world.
        </div>
        <button>查看更多</button>
     </div>
    </div>
   
    <div class="inner_part">
      <label for="slideImg" class="img">
        <img class="img_2" src="/static/v2/img/2.jpg">
      </label>
      <div class="content content_2">
        <div class="title">一出好戏</div>
        <div class="text">
          Ankara is Turkey's beating heart, second largest city, located in the Central Anatolia region and home to the Grand National Assembly of Turkey.
        </div>
        <button>查看更多</button>
     </div>
    </div>
    
    <div class="inner_part">
      <label for="slideImg" class="img">
        <img class="img_3" src="/static/v2/img/3.jpg">
      </label>
      <div class="content content_3">
        <div class="title">捉妖记</div>
        <div class="text">Located on the shores of the Aegean Sea, west of the Anatolian Peninsula, İzmir is the third-largest city in Turkey.
        </div>
        <button>查看更多</button>
     </div>
    </div>
  </div>
 </div>

  
</body>
</html>
